<template>
  <div>
    <van-nav-bar title="我的商品收藏" left-text="" left-arrow @click-left="onClickLeft" />
    <!-- <van-empty description="未收藏任何商品~" /> -->
    <img src="../../../img/shopsc.png" alt="" class="shop-img">
    <p class="shop-p">未收藏任何商品</p>
    <button class="gogg" @click="toshop">去逛逛</button>
  </div>
</template>
<script setup lang="ts">
import { useRouter } from 'vue-router';
const router = useRouter()
const toshop=()=>{
  router.push('/shop')
}
const onClickLeft = () => history.back();
</script>
<style scoped>
.shop-img{
  width: 50%;
  margin-left: 25%;
  margin-top: 30%;
  margin-bottom: 10%;
}
.shop-p{
  text-align: center;
  font-size: 30px;
  margin-bottom: 5%;
  color: #A1A1A1;
}
.gogg{
  padding: 20px 200px;
  margin-left: 133px;
  border: none;
  background-color: #0070FF;
  color: #fff;
  border-radius: 50px;
  font-size: 30px;
}
</style>
